<template>
   <div class="withdrawalfailed">
      <div class="withdrawalfailedbg">
         <img class="withdrawalfailedbgimg" src="@/assets/images/home/failed.jpg" alt="">
      </div>
      <!-- <div class="qrcode">
       </div> -->
      <div class="btnimg" @click="gobtn">
         <img class="btnimg-img" v-if="this.$route.query.id == 1 || this.$route.query.id == 2"
            src="@/assets/images/red/btn_collectmoney.png" alt="">
         <img class="btnimg-img" v-else src="@/assets/images/red/returnhome.png" alt="">
      </div>
   </div>
</template>
<script>
import { addpacketstep } from '@/api/http.js'
export default {
   methods: {
      gobtn() {
         console.log(this.$route.query.path)
         let url = encodeURIComponent(this.$route.query.path)
         addpacketstep(url).then(res => {
            console.log(res)
            this.$router.push({
               path: '/' + this.$route.query.path
            })
         })

      }
   },
   mounted() {
      console.log(this.$route.query.path)
   }
}
</script>
<style>
.withdrawalfailed {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
}

.withdrawalfailedbg {
   width: 100%;
   height: 100%;
}

.withdrawalfailedbgimg {
   width: 100%;
   height: 100%;
}

.qrcode {
   position: absolute;
   top: 50%;
   left: 50%;

   transform: translateX(-50%) translateY(50%);
   width: 90px;
   height: 90px;
   background: #fff;
}

.btnimg {
   width: 196px;
   height: 63px;
   position: absolute;
   left: 50%;

   transform: translateX(-50%);
   bottom: 15%;
}

.btnimg-img {
   width: 100%;
   height: 100%;
}</style>